<!DOCTYPE html>
<html>
<head>
<title>Biotoscana - 2013</title>
<meta name="viewport" content="width=device-width"/>
<meta name="description" content="The biotoscana Project."/>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 

<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lora:400,700|Oswald|Open+Sans:400,700">

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>

<link href='http://fonts.googleapis.com/css?family=Rokkitt:400,700|Lato:400,300' rel='stylesheet' type='text/css'>
</head>

<body onload="initialize()">
	<!-- LOGO -->
	<header>
		<div>
			<a HREF="#">
				<h1><img src="images/logo.png" class="logo"></h1>
			</a>
		</div>
	</header>
	<!-- MENU -->	
	<nav class="nav">			
		<div class="box">
			<ul class="mainmenu">
				<li><a href="index.html">INICIO</a></li>
				<li><a href="quienes.html">QUIENES SOMOS</a></li>
				<li><a href="galeria.html">GALERIA</a></li>
				<li><a href="informacion.html">INFORMACIÓN</a></li>
				<li><a href="contacto.html">CONTACTO</a></li>
			</ul>
			<!--	MENU REDES SOCIALES	-->
			<ul class="socialmenu">
				<li ><a href="#">
					<img src="images/social/Facebook.png"></a></li>
				<li ><a href="#">
					<img src="images/social/twitter.png"></a></li>
			</ul>
		</div>
	</nav>	
	<!-- CONTENIDO -->	
	<div id="content">
		<div id="main">
			<h2>Contacto</h2>
			<section>
				<p>Donec ac mi eget est gravida porttitor ac sed nibh. Quisque sit amet tellus felis. Pellentesque in felis a nulla lobortis tempus. </p>

			</section>
			
				<!--- FORMULARIO -->
				<div id="formulario">
					<form action ="" method= "post" class="formulario">
						<fieldset>							
							<label for="nombre">Nombres: </label>
								<input class="text-input required" type="text" name="nombre" id="nombre" >
								<br>
							<label for="email">Email:  </label>	
								<input class="text-input required email" type="email" name="email" id="email" >	<br>
							<label for="mensaje">Mensaje</label>
								<textarea class="text-input required" name="mensaje" id="mensaje" ></textarea>
								<br>
							<button type="submit" class="button right">Enviar</button>
						</fieldset>
					</form>
				</div>				
			
			<!--- MAPA -->
			<div id="map_canvas">
			</div>
							<p class="contacto">
					<span>xKristof Orts</span><br>
					Jan van Beersstraat 49,<br>
					<span class="fono">2018 Antwerpen, Belgium.</span><br>
					Email: thehappybit@gmail.com<br>
					Skype: thehappybit<br>
					 +32 497 99 84 2
				</p>
		</div>
		<div id="slider">
			<img src="images/slider/crop.jpg"><br><br>
			<img src="images/slider/jop.jpg">
		</div>	
	</div>
	<div class="clear"></div>
	<!-- FOOTER -->	
	<footer>
		<div id="footercontent">
			<div class="footInformation">
				<div id="mediasocial">
					<p>
					Presidente - Migdalia Denis<br>
					migdalia.denis@sociedadlatinahp.org</p>
				</div>
				<div id="mediainfo">
					<h3>
                        Mayor información:
                    </h3>
                    <p>
                    	<a href="mailto:foco@la.com">info@sociedadlatinahp.org</a>
                	</p>
                    <p>Teléfono: (954) 594-0674<br>
						Fax: (954) 337-0269</p>
				</div>
			</div>
			<div class="clear"></div>
			<div class="foot">
				Copyright © 2013. All rights reserved
			</div>
		</div>
	</footer>
</body>
</html>